<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>lom-login</title>
  <link rel="stylesheet" href="./bulma.min.css">
  <link rel="stylesheet" href="./bulma-extensions.min.css">
  <link rel="stylesheet" href="./fonts/iconfont.css">
  <link rel="stylesheet" href="./reset.css">
  <link rel="stylesheet" href="./login.css">

  <script src="./jquery@3.3.1.min.js"></script>
  <script src="./utils.js"></script>

</head>
<body>
  <main>
    <!-- 密码登录 -->
    <section class="pwd_login page is-active" data-item="pwd_login">
      <nav>
        <a>x</a>
      </nav>
      <span class="qrcode go_herf" data-option="qrcode_login">
        <img src="./qrcode_half.png" alt="">
      </span>
      <div class="lom_logo">
        <img src="./lom_logo.png" alt="">
      </div>
      <div class="login">
        <div class="field has-addons">
          <p class="control">
            <span class="select">
              <select>
                <option>+86</option>
                <option>+1</option>
                <option>+86</option>
              </select>
            </span>
          </p>
          <p class="control">
            <input class="input" type="text" placeholder="请输入手机号">
          </p>
        </div>
        <div class="login_pwd">
          <input class="input" type="text" placeholder="请输入密码">
        </div>
        <label class="checkbox login_checkbox">
          <input type="checkbox"> 自动登录
        </label>
        <span class="login_checkbox_content">
          <a class="go_herf" data-option="forget_login">忘记密码</a> |
          <a class="go_herf" data-option="regist_login">新用户注册</a>
        </span>
      </div>
    </section>
  
  
    <!-- 扫码登录 -->
    <section class="qrcode_login page" data-item="qrcode_login">
      <nav>
        <a>x</a>
      </nav>
      <span class="qrcode go_herf" data-option="pwd_login">
        <img src="./computer_half.png" alt="">
      </span>
      <div class="qrcode_login_logo">
        <img src="./qrcode.png" alt="">
        <div class="qrcode_login_desc">手机乐么扫码登录</div>
      </div>
      <div class="login">
        <label class="checkbox login_checkbox">
          <input type="checkbox"> 自动登录
        </label>
        <span class="login_checkbox_content">
          <a class="go_herf" data-option="regist_login">新用户注册</a>
        </span>
      </div>
    </section>

    <!-- 忘记密码 -->
    <section class="forget_login page" data-item="forget_login">
      <nav>
        <a>x</a>
      </nav>
      <div class="forget_login_title">
        忘记密码
      </div>
      <div class="login">
        <div class="field has-addons">
          <p class="control">
            <span class="select">
              <select>
                <option>+86</option>
                <option>+1</option>
                <option>+86</option>
              </select>
            </span>
          </p>
          <p class="control">
            <input class="input" type="text" placeholder="请输入手机号">
          </p>
        </div>
        <div class="login_pwd">
          <input class="input" type="text" placeholder="请输入验证码">
        </div>
    
        <a class="button is-info">确定</a>
        <a class="back_btn go_herf" data-option="pwd_login">返回</a>
      </div>
    </section>


    <!-- 新用户注册 -->
    <section class="regist_login page" data-item="regist_login">
        <nav>
            <a>x</a>
          </nav>
          <div class="forget_login_title">
            <p>欢迎使用乐么</p>
            <p>只需两步完成注册</p>
          </div>
          <div class="login">
            <div class="field has-addons">
              <p class="control">
                <span class="select">
                  <select>
                    <option>+86</option>
                    <option>+1</option>
                    <option>+86</option>
                  </select>
                </span>
              </p>
              <p class="control">
                <input class="input" type="text" placeholder="请输入手机号">
              </p>
            </div>
            <div class="login_pwd">
              <input class="input" type="text" placeholder="请输入验证码">
            </div>
        
            <a class="button is-info">注册</a>
            <a class="back_btn go_herf" data-option="pwd_login">返回</a>
          </div>
    </section>
  </main>
</body>
</html>